.container {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    box-sizing: border-box;
}

.content-block {
    padding-bottom: 32rpx;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.hide {
    display: none;
}

.noData {
    font-size: 32rpx;
    line-height: 44rpx;
    color: #181B1B;
    font-weight: 500;
    text-align: center;
    margin: 32rpx 0;
}

// 按钮
.btn {
    display: block;
    border: 2rpx solid #ffffff;
    font-weight: 500;
    border-radius: 24rpx;
    padding: 12rpx 26rpx;
    font-size: 28rpx;
    font-weight: 32rpx;
}

.btn+.btn {
    margin-left: 16rpx;
}

.btn-red {
    border-color: #FF4040;
    color: #FF4040;
    background-color: #ffffff;
}

.btn-blue {
    border-color: #00ccff;
    color: #00ccff;
    background-color: #ffffff;
}

.btn-orange {
    border-color: #FFA551;
    color: #FFA551;
    background-color: #ffffff;
}

.btn-red-bg {
    border-color: #FF4040;
    color: #ffffff;
    background-color: #FF4040;
}

.btn-blue-bg {
    border-color: #00ccff;
    color: #ffffff;
    background-color: #00ccff;
}

.btn-delete {}

.btn-download {
    border-color: #00ccff;
    color: #00ccff;
    background-color: #ffffff;
}

.btn-report {
    background-color: #00ccff;
    border-color: #00ccff;
    color: #ffffff;
}

.btn-comfirm {
    width: 480rpx;
    height: 84rpx;
    border-radius: 40rpx;
    background: linear-gradient(to bottom, #00efd5, #00ccff);
    font-size: 32rpx;
    line-height: 84rpx;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
    padding: 0;
}

::v-deep .u-loading-icon {
    padding: 32rpx 0;
}

// 列表信息
.info-box .info-row {
    display: flex;
}

.info-box .info-img {
    width: 180rpx;
    height: 180rpx;
    border-radius: 50%;
    margin: auto;
    display: block;
    box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.1);
}

.info-box .info-title {
    font-size: 36rpx;
    line-height: 50rpx;
    height: 50rpx;
    color: #000000;
    font-weight: bold;
    text-align: center;
}

.info-box .info-label {
    font-size: 28rpx;
    line-height: 60rpx;
    color: #7D8182;
    font-weight: 500;
    width: 120rpx;
    white-space: nowrap;
    text-align: justify;
    text-align-last: justify;
}

.info-box .info-colon {
    font-size: 28rpx;
    line-height: 60rpx;
    color: #7D8182;
    font-weight: 500;
    width: 28rpx;
}

.info-box .info-text {
    font-size: 28rpx;
    line-height: 60rpx;
    color: #4A4E4F;
    font-weight: 500;
    text-align: justify;
    flex: 1;
}

.opera-box {
    color: #ffffff;
}